<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>世纪黑卡</title>
		<link href="__PUBLIC__/Webcss/reset.css" rel="stylesheet" type="text/css" />
		<link href="__PUBLIC__/Webcss/layout.css" rel="stylesheet" type="text/css" />
		<link href="__PUBLIC__/Webcss/black_online_application.css" rel="stylesheet" type="text/css" />
	</head>

	<body>
		<header class="l_header_wrap l_header_back_color">
			<!--<div class="l_header_back_opacity"></div>-->
			<div class="l_header w1200">
				<span class="l_header_black_century">BLACK CENTURY</span>
				<nav class="l_header_nav">
					<a href="index1.html">黑卡首页<span class="l_border_bottom"></span></a>
					<a class="l_header_active" href="black_online_application1.html">在线申请<span class="l_border_bottom"></span></a>
					<a href="cardholder.html">持卡人<span class="l_border_bottom"></span></a>
					<a href="blackcard_service.html">黑卡服务<span class="l_border_bottom"></span></a>
				</nav>
			</div>
		</header>
		<section class="l_content1 w1200">
			<h1 class="l_every_title">精英会籍申请</h1>
			<h2 class="l_every_title_s">Elites Member Application</h2>
			<div class="l_choose_card_no">
				<div class="l_choose">
					<div class="l_choose_main">
						<p data-type="1">随机卡号</p>
						<p data-type="2">自助选号</p>
						<span id="notice">随机发卡号，建议您进行选号，可选择自己喜欢的卡号或顶级卡号。</span>
					</div>
					<img src="__PUBLIC__/Webimg/index_card.png" />
				</div>
				<div class="l_card_no_show">
					<p class="l_msg">以下价格不包含基础卡费</p>
					<form>
						<div class="l_input_no"><input class="l_number" type="number" placeholder="搜索您喜欢的卡号，如1010521"/><span class="l_search">搜索</span></div>
					</form>
					<div class="l_ordinary_no l_no_list">
						<h1 class="l_no_title">普通号码</h1>
						<ul>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
						</ul>
						<button type="button">换一批</button>
					</div>	
					<hr/>
					<div class="l_senior_no l_no_list">
						<h1 class="l_no_title">高级号码</h1>
						<ul>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
							<li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li><li>10104223<span>（80元）</span></li>
						</ul>
						<button type="button">换一批</button>
					</div>
				</div>
			</div>
			<p class="btn">
				<a href="black_online_application1.html">上一步</a>
				<a href="black_online_application3.html">下一步</a>
			</p>

		</section>
		<footer class="l_footer">
			<h1 class="l_footer_title">联系我们</h1>
			<h2 class="l_footer_title_s">Contact Us</h2>
			<div class="w1200">
				<p>客服电话：010-59452601<br/>企业邮箱：service@91fintec.com<br/>地址：北京市海淀区中关村国际孵化园D座</p>
				<img src="__PUBLIC__/Webimg/code.jpg" />
			</div>
		</footer>
		<script type="text/javascript" src="__PUBLIC__/Webjs/jquery.js" ></script>
		<script>
			$('.l_choose_main p').click(function(){
				$(this).addClass('l_current').siblings().removeClass('l_current');	
				//alert($('.l_current').attr('data-type'))
				if($('.l_current').attr('data-type') == 1){
					$('#notice').show();
					$('.l_card_no_show').hide();
				}else{
					$('#notice').hide();
					$('.l_card_no_show').show();
				}
			});
		</script>
	</body>

</html>